@charset "UTF-8";
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, sub, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  -webkit-text-size-adjust: none; }

html, body {
  width: 100%;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
  -webkit-font-smoothing: antialiased; }

a {
  text-decoration: none;
  /* 去除默认下划线 */ }
  a:focus {
    outline: thin dotted;
    /* 处理“outline”在Chrome浏览器中和其它浏览器之间的不一致 */ }
  a:active, a:hover {
    outline: 0;
    color: inherit; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

ul, li, ol {
  list-style-type: none; }

@media screen and (min-width: 320px) {
  html {
    font-size: 14px; } }
@media screen and (min-width: 360px) {
  html {
    font-size: 16px; } }
@media screen and (min-width: 414px) {
  html {
    font-size: 18px; } }

body {
  background-color: #f0f0f0; }

.main .mod_order .orderList li .good_info .good_text span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.mod_nav .btn_send {
  position: relative; }
  .mod_nav .btn_send:active::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0; }

.mod_nav {
  height: 2.95833rem;
  background-color: #ff571f;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  box-sizing: border-box;
  width: 100%;
  display: -webkit-box;
  -webkit-box-pack: justify;
  -webkit-box-align: center;
  color: #fff;
  font-size: 1.0625rem; }
  .mod_nav .lay_left, .mod_nav .lay_right {
    display: -webkit-box;
    -webkit-box-align: center;
    height: 100%; }
  .mod_nav .nav_back {
    display: block;
    margin-right: 1.25rem;
    height: 1.29167rem; }
    .mod_nav .nav_back img {
      display: block;
      width: 1.29167rem;
      height: 1.29167rem; }
    .mod_nav .nav_back:active {
      background-color: rgba(0, 0, 0, 0.1); }
  .mod_nav .btn_send {
    display: block;
    height: 100%;
    line-height: 2.95833rem; }
    .mod_nav .btn_send img {
      display: block;
      width: 1.35417rem;
      height: 1.45833rem;
      margin-top: 0.75rem; }

.main .mod_order {
  padding-top: 0.625rem;
  background-color: #fff;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 1.25rem;
  box-sizing: border-box;
  font-size: 0.875rem;
  color: #333; }
  .main .mod_order .orderInfo li {
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    border-bottom: 1px dashed #b2b2b2;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem; }
    .main .mod_order .orderInfo li span {
      display: block; }
  .main .mod_order .orderInfo .userInfo {
    display: block; }
    .main .mod_order .orderInfo .userInfo span:nth-of-type(1) {
      font-size: 1rem;
      font-weight: bold;
      line-height: 150%; }
  .main .mod_order .orderList li {
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: justify;
    border-bottom: 1px dashed #b2b2b2;
    padding-top: 0.41667rem;
    padding-bottom: 0.41667rem; }
    .main .mod_order .orderList li .good_info {
      display: -webkit-box;
      -webkit-box-align: center; }
      .main .mod_order .orderList li .good_info .good_text {
        width: 14.58333rem; }
      .main .mod_order .orderList li .good_info .good_img {
        width: 3.125rem;
        height: 3.125rem; }
      .main .mod_order .orderList li .good_info .good_name, .main .mod_order .orderList li .good_info .good_cost {
        display: block; }
      .main .mod_order .orderList li .good_info .good_cost {
        color: #999; }
.main .mod_control {
  position: fixed;
  height: 3.75rem;
  background-color: #fff;
  padding: 0 1.25rem;
  left: 0;
  bottom: 0;
  width: 100%;
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: justify;
  box-sizing: border-box; }
  .main .mod_control .cost {
    display: block;
    font-size: 1rem;
    color: #ff571f; }
  .main .mod_control .btn_list {
    display: -webkit-box; }
    .main .mod_control .btn_list a {
      height: 2.25rem;
      width: 5rem;
      border-radius: 1.125rem;
      display: block;
      box-sizing: border-box;
      text-align: center;
      font-size: 0.8125rem;
      height: 2.25rem;
      line-height: 2.25rem; }
    .main .mod_control .btn_list .btn-quite, .main .mod_control .btn_list .btn-call {
      color: #666;
      border: 1px solid #666; }
      .main .mod_control .btn_list .btn-quite:active, .main .mod_control .btn_list .btn-call:active {
        background-color: #e6e6e6; }
    .main .mod_control .btn_list .btn-pay, .main .mod_control .btn_list .btn-sure {
      color: #fff;
      background-color: #ff571f;
      margin-left: 1.25rem; }
      .main .mod_control .btn_list .btn-pay:active, .main .mod_control .btn_list .btn-sure:active {
        background-color: #eb3b00; }
    .main .mod_control .btn_list .btn-code {
      width: 3.125rem;
      text-align: center; }
      .main .mod_control .btn_list .btn-code span {
        display: block; }
      .main .mod_control .btn_list .btn-code span:nth-of-type(1) {
        color: #999;
        font-size: 0.625rem; }
      .main .mod_control .btn_list .btn-code span:nth-of-type(2) {
        color: #ff571f;
        font-size: 1rem; }
